<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Add User</title>
	<script language = "javascript">
				function Check_Data(Data) {
				if (( document.Data.username.value == '') || (document.Data.email.value == '')|| (document.Data.birthday.value == '')|| (document.Data.password.value == '')){
					alert( "Bạn chưa nhập đầy đủ thông tin!");
					return false;
				}
					
				else {
					var s = document.Data.email.value;
					if (s.search("@") == -1){
						alert( "Email phai co ky tu @ !"); 
						document.Data.email.focus () ;
						return false;
					}
					}
				}
	</script> 
</head>
<body>
	<%
		String isOk = request.getParameter("isOk");
		if(isOk != null){
			if(isOk.startsWith("ok")){%>
			<p alight="center"><b>Bạn đã thêm thành công!</b></p>	
			<%} 
			else 
				if(isOk.startsWith("no")){
				%>
				<p alight="center"><b>Thêm không thành công!</b></p>
				<%}
				else if(isOk.startsWith("used")){ %>
					<p alight="center"><b>Tên user đã tồn tại!</b></p>
					<%
				}
		}
	%>
	<form  name = "Data" method = "POST" action ="addUser" onsubmit = "return Check_Data(Data)">
		<table>
			<tr>
				<td>
					<p align = "center">  Nhập đầy đủ thông tin sau đó nhấp Submit </p>
				</td>
			</tr>
			<tr>
				<td>
						<p align = "center"> Username<input name = "username" type = "text" maxlength = "30"/></p>
						<p align = "center"> Password<input name = "password" type ="password" maxlength = "50"/> </p>
						<p align = "center"> Ngày sinh <input name = "birthday" type = "text" maxlength = "20"/> </p>
						<p align = "center"> Email    <input name = "email" type = "text" maxlength = "100"/></p>
						<p align = "center" ><input name ="Submit" type = "submit" value = "Submit" /> <input name ="Reset" type = "reset" value = "Reset"/> </p>
				</td>
			</tr>
		</table>
		</form>
</body>
</html>